<template>
    <Spin fix v-if="loadingStatus">
        <Icon type="load-c" size=28 class="demo-spin-icon-load"></Icon>
        <!--<div>Loading</div>-->
    </Spin>
</template>
<script>
    export default {
        props: ['loadingStatus'],
        data() {
            return {

            }
        }
    }
</script>
<style scoped>
    .ivu-spin-fix {
        opacity: .5;
        top:50px;
        padding-bottom: 150px;
    }
    .demo-spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }
    @keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }
</style>
